import { Button, Space, Divider, Select, DatePicker, TimePicker, Pagination} from 'antd';
import { useTranslation } from "react-i18next";

const AntdIndex = () => {

    const { Option } = Select;
    const { RangePicker } = DatePicker;
    const { t } = useTranslation();

    return (
        <>
            <Divider />
            <p>Button</p>         
            <Divider />
            <Space wrap>
                <Button type="primary">Primary Button</Button>
                <Button>Default Button</Button>
                <Button type="dashed">Dashed Button</Button>
                <Button type="text">Text Button</Button>
                <Button type="link">Link Button</Button>
            </Space>

            <Divider />
            <p>国际化测试</p>
            <Divider />
            <Space>
                <Pagination defaultCurrent={1} total={50} showSizeChanger />
                <Select showSearch style={{ width: 200 }}>
                    <Option value="jack">jack</Option>
                    <Option value="lucy">lucy</Option>
                </Select>
                <DatePicker />
                <TimePicker />
                <RangePicker />
                <h1>{t("测试国际化文字")}</h1>
            </Space>
        </>
    )
}

export default AntdIndex